<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    lang="#{tradeSummaryBean.localeUrlCode}">
    <head>
        <title>#{tradeSummaryBean.pageTitle}</title>
        <link rel="icon" href="/favicon.ico"/>
        <meta lang="#{mainMenuBean.localeUrlCode}"/>
        <meta name="keywords" content="#{tradeSummaryBean.keyWords}"/>
        <meta name="description" content="#{tradeSummaryBean.description}"/>
        <meta property="og:title" content="TrendEconomy"/>
        <meta property="og:url" content="http://trendeconomy.com"/>
        <meta property="og:image" content="#{mainMenuBean.httpHeader}/resources/images/og_#{mainMenuBean.localeUrlCode}.png"/>
        <meta property="og:image:width" content="1000"/>
        <meta property="og:image:height" content="500"/>
        <meta property="og:type" content="article"/>
        <meta property="og:description" content="#{tradeSummaryBean.pageTitle}"/>
        <link rel="stylesheet" type="text/css" href="/resources/css/gew2.min.css"/>
        <link rel="stylesheet" type="text/css" href="/resources/fa/css/font-awesome.min.css"/>
        <script type="text/javascript" src="/resources/js/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" src="/resources/js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="/resources/js/gw.min02.js"></script>
        <link rel="alternate" hreflang="x-default" href="#{mainMenuBean.urlEn}" />
        <link rel="alternate" hreflang="#{mainMenuBean.hrefLangEn}" href="#{mainMenuBean.urlEn}" />
        <link rel="alternate" hreflang="#{mainMenuBean.hrefLangRu}" href="#{mainMenuBean.urlRu}" />
    </head>
    <body>
        <ui:include src="/const/ga.html"/>
        <ui:include src="/pages.min/header.xhtml"/>
        <div style="display:table-row;height:4px;"></div>
        <h1 class="gw-block-header gw-wdth">#{tradeSummaryBean.shortTitle}</h1>
        <div class="gw-wdth">
            <div style="height:26px;margin-bottom:2px;">
                <div class="gw-slct" gw-id="#{tradeSummaryBean.defaultCommodityClassificationId}" style="float:right;">
                    <div>
                        <div class="gw-slct-vl">#{tradeSummaryBean.defaultCommodityClassificationCode}</div>
                        <div class="gw-slct-btn"></div>
                    </div>
                    <div class="gw-slct-cnt">
                        <c:forEach items="#{tradeSummaryBean.classifications}" var="d">
                            <c:if test="#{d.level==1}">
                                <div class="gw-slct-opt gw-table-row gw-table-row-hl" gw-id="#{d.id}">
                                    <a href="#{d.url}" class="gw-tree-cell">#{d.name}</a>
                                </div>
                            </c:if>
                        </c:forEach>
                    </div>
                </div>
            </div>
        </div>
        <div class="gw-table gw-wdth">
            <c:forEach items="#{tradeSummaryBean.tradeSummaryTableData}" var="d">
                <c:choose>
                    <c:when test="#{d.lvl==0}">
                        <a class="gw-table-row gw-table-row-hl gw-a-nohover" href="#{tradeSummaryBean.getExpandUrl(d.reporterUrlCode, d.open, d.lvl, d.id)}">
                            <div class="gw-table-cell" style="width:30%;">
                                <div>
                                    <div class="gw-table-cell">
                                        <div class="gw-table-cell-action-item" style="padding-left:#{14*d.lvl}px;padding-right:10px;">
                                            <c:choose>
                                                <c:when test="#{d.open==1}">
                                                    <div class="gw-table-cell-border gw-table-cell-expanded"></div>
                                                </c:when>
                                                <c:when test="#{d.hasChild==1}">
                                                    <div class="gw-table-cell-border gw-table-cell-expand"></div>
                                                </c:when>
                                                <c:otherwise>
                                                    <div class="gw-table-cell-empty"></div>
                                                </c:otherwise>
                                            </c:choose>
                                        </div>
                                    </div>
                                    <div class="gw-table-cell" style="font-weight:bold;">#{d.reporterName}</div>
                                </div>
                            </div>
                            <c:choose>
                                <c:when test="#{d.open==1}">
                                    <div class="gw-table-cell" style="font-weight:bold;width:19%;text-align:right;">#{tradeSummaryBean.exportTitle}:</div>
                                    <div class="gw-table-cell" style="font-weight:bold;width:49%;text-align:right;">#{tradeSummaryBean.importTitle}:</div>
                                </c:when>
                                <c:when test="#{d.open==0}">
                                    <div class="gw-table-cell" style="width:19%;"></div>
                                    <div class="gw-table-cell" style="width:49%;"></div>
                                </c:when>
                            </c:choose>
                        </a>
                    </c:when>
                    <c:when test="#{d.lvl==1}">
                        <a id="#{d.reporterUrlCode}" class="gw-table-row gw-table-row-hl gw-a-nohover" href="#{tradeSummaryBean.getExpandUrl(d.reporterUrlCode, d.open, d.lvl, d.id)}">
                            <div class="gw-table-cell" style="width:30%;">
                                <div>
                                    <div class="gw-table-cell">
                                        <div class="gw-table-cell-action-item" style="padding-left:#{14*d.lvl}px;padding-right:10px;">
                                            <c:choose>
                                                <c:when test="#{d.open==1}">
                                                    <div class="gw-table-cell-border gw-table-cell-expanded"></div>
                                                </c:when>
                                                <c:when test="#{d.hasChild==1}">
                                                    <div class="gw-table-cell-border gw-table-cell-expand"></div>
                                                </c:when>
                                                <c:otherwise>
                                                    <div class="gw-table-cell-empty"></div>
                                                </c:otherwise>
                                            </c:choose>
                                        </div>
                                    </div>
                                    <div class="gw-table-cell">#{d.reporterName} (#{d.lastPeriodId})
                                        <div class="gw-balloon-content" style="border-color:#{d.reporterColor};">
                                            <table>
                                                <tr><td class="gw-bllb">#{tradeSummaryBean.reporterTitle}:</td><td class="gw-blv">#{d.reporterName}</td></tr>
                                                <tr><td class="gw-bllb">#{tradeSummaryBean.periodTitle}:</td><td class="gw-blv">#{d.lastPeriodId}</td></tr>
                                                <tr><td class="gw-bllb">#{tradeSummaryBean.exportTitle}:</td><td class="gw-blv">#{d.expTradeValueStr}</td></tr>
                                                <tr><td class="gw-bllb">#{tradeSummaryBean.importTitle}:</td><td class="gw-blv">#{d.impTradeValueStr}</td></tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="gw-table-cell" style="width:19%;text-align:right;">#{d.expTradeValueStr}
                                <div class="gw-balloon-content" style="border-color:#{d.reporterColor};">
                                    <table>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.reporterTitle}:</td><td class="gw-blv">#{d.reporterName}</td></tr>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.tradeFlowTitle}:</td><td class="gw-blv">#{tradeSummaryBean.exportTitle}</td></tr>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.partnerTitle}:</td><td class="gw-blv">#{tradeSummaryBean.defaultPartnerName}</td></tr>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.periodTitle}:</td><td class="gw-blv">#{d.lastPeriodId}</td></tr>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.tradeValueTitle}:  </td><td class="gw-blv">#{d.expTradeValueStr}</td></tr>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.commodityTitle}:</td><td class="gw-blv">#{tradeSummaryBean.defaultCommodityCode}</td></tr>
                                        <tr><td class="gw-blv" colspan="2">#{tradeSummaryBean.defaultCommodityName}</td></tr>
                                    </table>
                                </div>
                            </div>
                            <div class="gw-table-cell" style="width:49%;text-align:right;">#{d.impTradeValueStr}
                                <div class="gw-balloon-content" style="border-color:#{d.reporterColor};">
                                    <table>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.reporterTitle}:</td><td class="gw-blv">#{d.reporterName}</td></tr>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.tradeFlowTitle}:</td><td class="gw-blv">#{tradeSummaryBean.importTitle}</td></tr>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.partnerTitle}:</td><td class="gw-blv">#{tradeSummaryBean.defaultPartnerName}</td></tr>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.periodTitle}:</td><td class="gw-blv">#{d.lastPeriodId}</td></tr>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.tradeValueTitle}:  </td><td class="gw-blv">#{d.impTradeValueStr}</td></tr>
                                        <tr><td class="gw-bllb">#{tradeSummaryBean.commodityTitle}:</td><td class="gw-blv">#{tradeSummaryBean.defaultCommodityCode}</td></tr>
                                        <tr><td class="gw-blv" colspan="2">#{tradeSummaryBean.defaultCommodityName}</td></tr>
                                    </table>
                                </div>
                            </div>
                        </a>
                    </c:when>
                    <c:when test="#{d.lvl==2}">
                        <div class="gw-table-row gw-a-nohover">
                            <div class="gw-table-cell" style="width:29%;text-align:right;font-weight:bold;">
                                #{d.expGroupName}:
                            </div>
                            <div class="gw-table-cell" style="width:20%;">
                                <div style="margin-left:4px;">
                                    <c:forEach items="#{d.detailsExport}" var="dt">
                                        <a class="gw-table-cell-graph" href="#{tradeSummaryBean.getDetailsExportUrl(d.groupPartner, d.reporterUrlCode, d.lastPeriodId, dt.url)}" style="width:#{99*dt.share/10000}%;background:#{dt.color};">
                                            <div id="e-#{d.id}-#{dt.code}" class="gw-balloon-content" style="border-color:#{dt.color};">
                                                <table style="max-width:200px;">
                                                    <tr><td class="gw-bllb">#{tradeSummaryBean.reporterTitle}:</td><td class="gw-blv">#{d.reporterName}</td></tr>
                                                    <tr><td class="gw-bllb">#{tradeSummaryBean.tradeFlowTitle}:</td><td class="gw-blv">#{tradeSummaryBean.exportTitle}</td></tr>
                                                    <c:choose>
                                                        <c:when test="#{d.groupPartner}">
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.partnerTitle}:</td><td class="gw-blv">#{dt.name}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.periodTitle}:</td><td class="gw-blv">#{d.lastPeriodId}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.tradeValueTitle}:  </td><td class="gw-blv">#{dt.valueStr}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.shareOfTotalTitle}:  </td><td class="gw-blv">#{dt.shareStr}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.commodityTitle}:</td><td class="gw-blv">#{tradeSummaryBean.defaultCommodityCode}</td></tr>
                                                            <tr><td class="gw-blv" colspan="2">#{tradeSummaryBean.defaultCommodityName}</td></tr>
                                                        </c:when>
                                                        <c:otherwise>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.partnerTitle}:</td><td class="gw-blv">#{tradeSummaryBean.defaultPartnerName}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.periodTitle}:</td><td class="gw-blv">#{d.lastPeriodId}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.tradeValueTitle}:  </td><td class="gw-blv">#{dt.valueStr}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.shareOfTotalTitle}:  </td><td class="gw-blv">#{dt.shareStr}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.commodityTitle}:</td><td class="gw-blv">#{dt.code}</td></tr>
                                                            <tr><td class="gw-blv" colspan="2">#{dt.name}</td></tr>
                                                        </c:otherwise>
                                                    </c:choose>
                                                </table>
                                            </div>
                                        </a>
                                    </c:forEach>
                                </div>
                            </div>
                            <div class="gw-table-cell" style="width:29%;text-align:right;font-weight:bold;">
                                #{d.impGroupName}:
                            </div>
                            <div class="gw-table-cell" style="width:20%;">
                                <div>
                                    <c:forEach items="#{d.detailsImport}" var="dt">
                                        <a class="gw-table-cell-graph" href="#{tradeSummaryBean.getDetailsImportUrl(d.groupPartner, d.reporterUrlCode, d.lastPeriodId, dt.url)}" style="width:#{99*dt.share/10000}%;background:#{dt.color};">
                                            <div id="i-#{d.id}-#{dt.code}" class="gw-balloon-content" style="border-color:#{dt.color};">
                                                <table style="max-width:200px;">
                                                    <tr><td class="gw-bllb">#{tradeSummaryBean.reporterTitle}:</td><td class="gw-blv">#{d.reporterName}</td></tr>
                                                    <tr><td class="gw-bllb">#{tradeSummaryBean.tradeFlowTitle}:</td><td class="gw-blv">#{tradeSummaryBean.importTitle}</td></tr>
                                                    <c:choose>
                                                        <c:when test="#{d.groupPartner}">
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.partnerTitle}:</td><td class="gw-blv">#{dt.name}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.periodTitle}:</td><td class="gw-blv">#{d.lastPeriodId}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.tradeValueTitle}:  </td><td class="gw-blv">#{dt.valueStr}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.shareOfTotalTitle}:  </td><td class="gw-blv">#{dt.shareStr}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.commodityTitle}:</td><td class="gw-blv">#{tradeSummaryBean.defaultCommodityCode}</td></tr>
                                                            <tr><td class="gw-blv" colspan="2">#{tradeSummaryBean.defaultCommodityName}</td></tr>
                                                        </c:when>
                                                        <c:otherwise>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.partnerTitle}:</td><td class="gw-blv">#{tradeSummaryBean.defaultPartnerName}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.periodTitle}:</td><td class="gw-blv">#{d.lastPeriodId}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.tradeValueTitle}:  </td><td class="gw-blv">#{dt.valueStr}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.shareOfTotalTitle}:  </td><td class="gw-blv">#{dt.shareStr}</td></tr>
                                                            <tr><td class="gw-bllb">#{tradeSummaryBean.commodityTitle}:</td><td class="gw-blv">#{dt.code}</td></tr>
                                                            <tr><td class="gw-blv" colspan="2">#{dt.name}</td></tr>
                                                        </c:otherwise>
                                                    </c:choose>
                                                </table>
                                            </div>
                                        </a>
                                    </c:forEach>
                                </div>
                            </div>
                        </div>
                        <div class="gw-table-row">
                            <div class="gw-table-cell" style="width:49%;vertical-align:top;">
                                <div class="gw-summary-table-details">
                                    <c:forEach items="#{d.detailsExport}" var="dt">
                                        <a class="gw-table-row gw-table-row-hl gw-a-nohover" href="#{tradeSummaryBean.getDetailsExportUrl(d.groupPartner, d.reporterUrlCode, d.lastPeriodId, dt.url)}">
                                            <div class="gw-table-cell" style="width:58%;text-align:right;">
                                                <div style="display:inherit;">
                                                    <c:if test="#{dt.more}"><i class="fa fa-plus-square-o"></i></c:if> #{dt.name}
                                                    <div class="gw-balloon-content gw-blid" gw-blid="e-#{d.id}-#{dt.code}" style="border-color:#{dt.color};"></div>
                                                </div>
                                            </div>
                                            <div class="gw-table-cell" style="width:39%;padding-left:1%;">
                                                <div>
                                                    <div class="gw-table-cell-graph" style="width:#{99*dt.share/10000}%;background:#{dt.color};">
                                                        <div class="gw-balloon-content gw-blid" gw-blid="e-#{d.id}-#{dt.code}" style="border-color:#{dt.color};"></div>
                                                    </div>
                                                    <div style="display:inline-block;width:#{98-99*dt.share/10000}%;text-align:right;">
                                                        <div style="display:inherit;">#{dt.shareStr}<div class="gw-balloon-content gw-blid" gw-blid="e-#{d.id}-#{dt.code}" style="border-color:#{dt.color};"></div></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </c:forEach>
                                </div>
                            </div>
                            <div class="gw-table-cell" style="width:49%;vertical-align:top;">
                                <div class="gw-summary-table-details">
                                    <c:forEach items="#{d.detailsImport}" var="dt">
                                        <a class="gw-table-row gw-table-row-hl gw-a-nohover" href="#{tradeSummaryBean.getDetailsImportUrl(d.groupPartner, d.reporterUrlCode, d.lastPeriodId, dt.url)}">
                                            <div class="gw-table-cell" style="width:58%;text-align:right;">
                                                <div style="display:inherit;">
                                                    <c:if test="#{dt.more}"><i class="fa fa-plus-square-o"></i></c:if> #{dt.name}
                                                    <div class="gw-balloon-content gw-blid" gw-blid="i-#{d.id}-#{dt.code}" style="border-color:#{dt.color};"></div>
                                                </div>
                                            </div>
                                            <div class="gw-table-cell" style="width:39%;padding-left:1%;">
                                                <div>
                                                    <div class="gw-table-cell-graph" style="width:#{99*dt.share/10000}%;background:#{dt.color};">
                                                        <div class="gw-balloon-content gw-blid" gw-blid="i-#{d.id}-#{dt.code}" style="border-color:#{dt.color};"></div>
                                                    </div>
                                                    <div style="display:inline-block;width:#{98-99*dt.share/10000}%;text-align:right;">
                                                        <div style="display:inherit;">#{dt.shareStr}<div class="gw-balloon-content gw-blid" gw-blid="i-#{d.id}-#{dt.code}" style="border-color:#{dt.color};"></div></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </c:forEach>
                                </div>
                            </div>
                        </div>
                    </c:when>
                </c:choose>
            </c:forEach>
        </div>
        <div class="gw-wdth" style="margin:20px 0;text-align:right;">
            <a href="#{tradeSummaryBean.httpHeader}/resources/docs/trade_sources.pdf">#{tradeSummaryBean.UI_TITLE_SOURCES}</a>
        </div>
        <ui:include src="/pages.min/footer.xhtml"/>
        <div class="gw-ftr gw-ftr-bck">
            <p class="gw-wdth">#{tradeSummaryBean.description}</p>
        </div>
    </body>
</html>